<template>
	<yd-layout id='playListDetail' class=''>
		<div class="header">新人学院</div>
		<div class="content">
			<div class="course_list_f">
				<div class="course_list_title">推荐课程</div>
				<div class="course_list_c_f">
					<div class="course_list_c">
						<div class="course_list" @click="navClick(index)" v-for="item,index in 8" :class="navNum==index?'nav_active':''">视频课程</div>
					</div>
				</div>
					
			</div>
			<div class="play_list_f">
				<PlayList :dataList='dataList'></PlayList>
			</div>
		</div>
	</yd-layout>
</template>

<script>
	import PlayList from '../../components/PlayList/PlayList.vue'
	export default{
		components:{
			[PlayList.name]:PlayList
		},
		data(){
			return {
				navNum:0,
				dataList:[1,2,3]
			}
		},
		created() {
		},
		watch: {
			
		},
		computed: {
			
		},
		mounted(){
			document.title=''
		},
		methods:{
			navClick(index){
				this.navNum = index
			}
		}
	}
</script>

<style lang="scss">
	@import './playListDetail.scss';
</style>